<template>
    <BaseEcharts :chatsOption="chatsOption"></BaseEcharts>
</template>

<script>
    import BaseEcharts from "../../../components/common/Cahrts/coreEcharts"
    import pieBaseConfig from "../../../echartsBaseConfig/pie"

    export default {
        components: {
            BaseEcharts
        },
        data() {
            return {
                chatsOption: {
                    ...pieBaseConfig,
                    legend: {
                        top: 'bottom',
                        show: false,
                    },
                    series: [
                        {
                            name: '漏斗图',
                            type: 'funnel',
                            // width: '50%',
                            // height: '50%',
                            // left: '50%',
                            // top: '50%',
                            label: {
                                position: 'inside',
                                show:true,
                                fontSize: 20,
                            },
                            emphasis:{
                                label:{
                                    show:false,
                                }
                            },
                            data: [
                                {value: 60, name: '访问'},
                                {value: 30, name: '咨询'},
                                {value: 10, name: '订单'},
                                {value: 80, name: '点击'},
                                {value: 100, name: '展现'}
                            ]
                        }
                    ]


                }
            }
        }

    }
</script>
